<script setup lang="ts">
import { reactive } from '@vue/reactivity'
import draggableHeader from '../components/draggableHeader.vue'
import draggableBody from '../components/draggableBody.vue'
import draggableLeft from '../components/draggableLeft.vue'
import draggableRight from '../components/draggableRight.vue'
</script>
<template>
  <draggableHeader></draggableHeader>
  <div id="main">
    <draggableLeft></draggableLeft>
    <draggableBody></draggableBody>
    <draggableRight></draggableRight>
  </div>
  <!-- <button class="get" @click="getHttp()">get请求</button>
  <span></span>
  <button class="post">get请求</button> -->
</template>
<style lang="scss" scoped>
#main{
  height: calc(100% - 60px);
  display: flex;
  justify-content: flex-start;
}
</style>
<style scoped>

</style>